<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<%-- <title>首页</title> --%>
	<meta name="decorator" content="ems_${site.theme}_front" />
	<meta name="description" content="JeeSite ${site.description}" />
	<meta name="keywords" content="JeeSite ${site.keywords}" /> 
	
</head>
<body>
	<form id="pageForm" method="post" name="subForm" action="${ctx }/list-${category.id}${urlSuffix}?siteId=${site.id }&key=${key }">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<input id="id" name="categoryId" type="hidden" value="${category.id}"/>
	</form>
	
	<!--主界面部分-->
 	<header class="mui-bar mui-bar-nav" style="background:url('${ctxStatic }/weixin/images/navbg.jpg');"> 
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>
			<div style="width:80%; overflow: hidden; margin:0  10%; line-height: 44px; text-align:left; vertical-align: middle; height: 100%;color:#fff;">
			${category.name }
			 </div> 
	</header>
 
 
		<div class="mui-content" style="padding-top:50px; padding-bottom: 60px; overflow-y: scroll; height:auto;">
		       
			<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner" style="padding: 10px;font-size: 12px;color: #333;border-bottom: 1px solid #ccc;">
					<span class="mui-icon mui-icon-location-filled" ></span>当前位置：${category.name }
					</div>
				</div>
			</div>
			<div style="padding: 0 10px;">
				<ul class="mui-table-view"  >
				<c:forEach items="${page.list}" var="article">
					<li class="mui-table-view-cell mui-media">
						<a href="<c:if test='${not empty article.link }'>${article.link }</c:if> <c:if test='${empty article.link }'>${ctx}/view-${article.category.id}-${article.id}${urlSuffix}?siteId=${site.id }</c:if>" target="<c:if test='${not empty article.link }'>_blank</c:if>" class="mui-navigate-right">
							<div class="mui-media-body">
								<p class="mui-ellipsis">${fns:abbr(article.title,35)}</p>
							</div>
						</a>
					</li>
				</c:forEach>
			</ul>
			</div>
			
		     <div class="fenye">
		     <!-- <div class="mui-content-padded">
				<ul class="mui-pager">
					<li>
						<a href="#">
							上一页
						</a>
					</li>
					<li>
						<a href="#">
							下一页
						</a>
					</li>
				</ul>
			</div> -->
				${page.pageWeiXin}
		    </div>
		     <%-- <style>
				.fenye0{ width: 1000px; padding-top: 15px;}
				.pagination ul{margin-left: 30%}
				.pagination ul li{float:left; color:#333; font-size: 16px;}
				.pagination ul li a{float:left;color:#333; margin: 0px 5px;font-size: 16px;}
				.pagination input{width:20px;text-align: center;}
			</style>
			
			<div class="fenye0">
				<div class="pagination">${page.pageWeiXin}</div>
			</div> --%>
		     
		     
		</div>
		 
	</body>
</html>